<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="referrer" content="no-referrer" />
    <title>Document</title>
    <link rel="stylesheet" href="//unpkg.com/layui@2.6.8/dist/css/layui.css" />
    <link rel="stylesheet" href="all.css" />
    <script src="//at.alicdn.com/t/font_2850545_1cnir5kmfiw.js"></script>
    <script src="layui.js"></script>
    <script src="jquery.js"></script>
    <script src="all.js"></script>
  </head>
  <body>
    <div>
      <div class="layui-row layui-rowNav">
        <div class="layui-col-xs1 layui-col-sm1 layui-col-md1">1</div>
        <div class="layui-col-xs5 layui-col-sm5 layui-col-md5">
          <!-- <span class="layui-breadcrumb" lay-separator="|">
            <a href="">首页</a>
            <a href="">华为官网</a>
            <a href="">花粉俱乐部</a>
            <a href="">V码(优购码)</a>
            <a href="">Select Region</a>
            <a href="">
              更多精彩
              <svg class="icon xiajiantou" aria-hidden="true">
                <use xlink:href="#icon-xiajiantou"></use>
              </svg>
            </a>
          </span> -->
          <ul class="layui-nav ulLeft" lay-bar="disabled">
            <li class="layui-nav-item"><a href="">首页</a></li>
            <li class="layui-nav-item">
              <a href="javascript:;">华为官网</a>
            </li>
            <li class="layui-nav-item"><a href="">花粉俱乐部</a></li>
            <li class="layui-nav-item">
              <a href=""> V码(优购码)</a>
            </li>
            <li class="layui-nav-item">
              <a href="javascript:;">企业购</a>
            </li>
            <li class="layui-nav-item">
              <a href="">Select Region</a>
            </li>
            <li class="layui-nav-item layui-navColor">
              <a href="" class="layui-navLast">更多精彩</a>
              <dl class="layui-nav-child">
                <dd><a href="">HarmonyOS</a></dd>
                <dd><a href="">应用市场</a></dd>
                <dd><a href="">华为终端云空间</a></dd>
                <dd><a href="">开发者联盟</a></dd>
              </dl>
            </li>
          </ul>
        </div>
        <div class="layui-col-xs5 layui-col-sm5 layui-col-md5">
          <ul class="layui-nav ulRight" lay-bar="disabled">
            <li class="layui-nav-item">
              <a href="login.html" class="layui-navLast" id="login">请登录</a>
            </li>
            <li class="layui-nav-item">
              <a href="register.html" id="zhuce">注册</a>
            </li>
            <li class="layui-nav-item"><a href="">我的订单</a></li>
            <li class="layui-nav-item layui-navColor">
              <a href=""> 客服</a>
              <dl class="layui-nav-child">
                <dd><a href="">服务中心</a></dd>
                <dd><a href="">联系客服</a></dd>
              </dl>
            </li>
            <li class="layui-nav-item layui-navColor">
              <a href="javascript:;"
                >网站导航
                <dl class="layui-nav-child layui-nav-childLeft">
                  <!-- 二级菜单 -->
                  <div class="layui-nav-child-div">
                    <dl class="layui-nav-child-1">
                      <dt>特色购物</dt>
                      <dd>
                        <p><a href="https://10035.suning.com/">苏宁互联</a></p>
                        <p><a href="https://10035.suning.com/">苏宁互联</a></p>
                        <p><a href="https://10035.suning.com/">苏宁互联</a></p>
                        <p><a href="https://10035.suning.com/">苏宁互联</a></p>
                        <p><a href="https://10035.suning.com/">苏宁互联</a></p>
                      </dd>
                    </dl>
                    <dl class="layui-nav-child-1">
                      <dt>特色购物</dt>
                      <dd>
                        <p><a href="https://10035.suning.com/">苏宁互联</a></p>
                        <p><a href="https://10035.suning.com/">苏宁互联</a></p>
                        <p><a href="https://10035.suning.com/">苏宁互联</a></p>
                        <p><a href="https://10035.suning.com/">苏宁互联</a></p>
                        <p><a href="https://10035.suning.com/">苏宁互联</a></p>
                      </dd>
                    </dl>
                    <dl class="layui-nav-child-1">
                      <dt>特色购物</dt>
                      <dd>
                        <p><a href="https://10035.suning.com/">苏宁互联</a></p>
                        <p><a href="https://10035.suning.com/">苏宁互联</a></p>
                        <p><a href="https://10035.suning.com/">苏宁互联</a></p>
                        <p><a href="https://10035.suning.com/">苏宁互联</a></p>
                        <p><a href="https://10035.suning.com/">苏宁互联</a></p>
                      </dd>
                    </dl>
                    <dl class="layui-nav-child-1">
                      <dt>特色购物</dt>
                      <dd>
                        <p><a href="https://10035.suning.com/">苏宁互联</a></p>
                        <p><a href="https://10035.suning.com/">苏宁互联</a></p>
                        <p><a href="https://10035.suning.com/">苏宁互联</a></p>
                        <p><a href="https://10035.suning.com/">苏宁互联</a></p>
                        <p><a href="https://10035.suning.com/">苏宁互联</a></p>
                      </dd>
                    </dl>
                    <dl class="layui-nav-child-1">
                      <dt>特色购物</dt>
                      <dd>
                        <p><a href="https://10035.suning.com/">苏宁互联</a></p>
                        <p><a href="https://10035.suning.com/">苏宁互联</a></p>
                        <p><a href="https://10035.suning.com/">苏宁互联</a></p>
                        <p><a href="https://10035.suning.com/">苏宁互联</a></p>
                        <p><a href="https://10035.suning.com/">苏宁互联</a></p>
                      </dd>
                    </dl>
                    <dl class="layui-nav-child-1">
                      <dt>特色购物</dt>
                      <dd>
                        <p><a href="https://10035.suning.com/">苏宁互联</a></p>
                        <p><a href="https://10035.suning.com/">苏宁互联</a></p>
                        <p><a href="https://10035.suning.com/">苏宁互联</a></p>
                        <p><a href="https://10035.suning.com/">苏宁互联</a></p>
                        <p><a href="https://10035.suning.com/">苏宁互联</a></p>
                      </dd>
                    </dl>
                  </div>
                </dl>
              </a>
            </li>
            <li class="layui-nav-item layui-navColor">
              <a href="" class="">手机版</a>
              <dl class="layui-nav-child">
                <dd><img src="" alt="" /></dd>
              </dl>
            </li>
            <li class="layui-nav-item layui-navColor">
              <a href="" class="layui-navLast"
                >购物车(<span class="num">0</span>)</a
              >
              <dl class="layui-nav-child" id="gouwuList">
                <dd><img src="img/cart-big.svg" alt="" /></dd>
              </dl>
            </li>
          </ul>
        </div>
        <div class="layui-col-xs1 layui-col-sm1 layui-col-md1">1</div>
      </div>
      <div class="layui-row layui-rowNav1">
        <div class="layui-col-xs1 layui-col-sm1 layui-col-md1">&nbsp;</div>
        <div class="layui-col-xs2 layui-col-sm2 layui-col-md2">
          <a href=""> <img class="layui-colImg" src="img/logo.png" alt="" /></a>
        </div>
        <div class="layui-col-xs7 layui-col-sm7 layui-col-md7">
          <div class="navTwo">
            <a href="">华为专区</a>
            <a href="">鸿蒙智联</a>
            <a href="">全球甄选</a>
            <a href="">家电家装馆</a>
            <a href="">华为智选</a>
            <a href="">HarmonyOs</a>
          </div>
        </div>
        <div class="layui-row layui-rowNav11">
          <div class="layui-col-xs1 layui-col-sm1 layui-col-md1">&nbsp;</div>
          <div class="layui-col-xs2 layui-col-sm2 layui-col-md2">
            <a href="">
              <img class="layui-colImg" src="img/logo.png" alt=""
            /></a>
          </div>
          <div class="layui-col-xs7 layui-col-sm7 layui-col-md7">
            <div class="navTwo">
              <a href="">华为专区</a>
              <a href="">鸿蒙智联</a>
              <a href="">全球甄选</a>
              <a href="">家电家装馆</a>
              <a href="">华为智选</a>
              <a href="">HarmonyOs</a>
            </div>
          </div>
          <div class="layui-col-xs1 layui-col-sm1 layui-col-md1">
            <svg class="icon sousuo" id="sousuo1" aria-hidden="true">
              <use xlink:href="#icon-sousuo"></use>
            </svg>
          </div>
          <div class="layui-col-xs1 layui-col-sm1 layui-col-md1">&nbsp;</div>
        </div>
        <div class="layui-col-xs1 layui-col-sm1 layui-col-md1">
          <svg class="icon sousuo" id="sousuo" aria-hidden="true">
            <use xlink:href="#icon-sousuo"></use>
          </svg>
        </div>
        <div class="layui-col-xs1 layui-col-sm1 layui-col-md1">&nbsp;</div>
      </div>
      <div class="navInp">
        <a href="#">
          <svg class="icon sousuo" aria-hidden="true">
            <use xlink:href="#icon-sousuo"></use>
          </svg>
        </a>
        <input type="text" placeholder="搜索商品" />
        <a href="#">
          <svg class="icon cuo" aria-hidden="true">
            <use xlink:href="#icon-cuo"></use>
          </svg>
        </a>
      </div>
      <div class="lunbo">
        <div class="navTop">
          <!--  <a href="" class="navTopn">
            <span>手机</span>
            <svg class="icon youjiantou" aria-hidden="true">
              <use xlink:href="#icon-youjiantou"></use>
            </svg>
          </a> -->
        </div>
        <div class="navTop1"></div>
        <div class="layui-carousel" id="test1">
          <div carousel-item="">
            <div>
              <a href="">
                <img src="img/lunbo1.webp" />
              </a>
            </div>
            <div>
              <a href="">
                <img src="img/lunbo2.webp" />
              </a>
            </div>
            <div>
              <a href="">
                <img src="img/lunbo3.webp" />
              </a>
            </div>
          </div>
        </div>
      </div>
      <div class="conter">
        <div class="layui-row layui-rowCont">
          <div class="layui-col-xs1 layui-col-sm1 layui-col-md1">&nbsp;</div>
          <div
            class="layui-col-xs10 layui-col-sm10 layui-col-md10 layui-contList"
          ></div>
          <div class="layui-col-xs1 layui-col-sm1 layui-col-md1">&nbsp;</div>
        </div>

        <div class="layui-row">
          <div class="layui-col-xs1 layui-col-sm1 layui-col-md1">&nbsp;</div>
          <div
            class="layui-col-xs10 layui-col-sm10 layui-col-md10 layui-rowCont1"
          ></div>
          <div class="layui-col-xs1 layui-col-sm1 layui-col-md1">&nbsp;</div>
        </div>
        <div class="layui-row">
          <div class="layui-col-xs1 layui-col-sm1 layui-col-md1">&nbsp;</div>
          <div class="layui-col-xs10 layui-col-sm10 layui-col-md10">
            <h3 class="layui-rowCont2h3">爆款推荐</h3>
            <div class="layui-rowCont2">
              <a href="#" class="contImgFirst">
                <img src="img/cont1.webp" alt="" />
              </a>
              <a href="#" class="contImgLast">
                <img src="img/cont.png" alt="" />
                <p><span>新品上市</span>MateBook 13s</p>
                <p>享3期免息</p>
                <p>￥6999</p>
              </a>
            </div>
          </div>
          <div class="layui-col-xs1 layui-col-sm1 layui-col-md1">&nbsp;</div>
        </div>
        <div class="layui-row">
          <div class="layui-col-xs1 layui-col-sm1 layui-col-md1">&nbsp;</div>
          <div class="layui-col-xs10 layui-col-sm10 layui-col-md10">
            <div class="layui-carousel" id="test2">
              <div carousel-item="">
                <div>
                  <a href="">
                    <img src="img/lunboc1.webp" />
                  </a>
                </div>
                <div>
                  <a href="">
                    <img src="img/lunboc2.webp" />
                  </a>
                </div>
                <div>
                  <a href="">
                    <img src="img/lunboc3.webp" />
                  </a>
                </div>
              </div>
            </div>
          </div>
          <div class="layui-col-xs1 layui-col-sm1 layui-col-md1">&nbsp;</div>
        </div>
        <div class="layui-row">
          <div class="layui-col-xs1 layui-col-sm1 layui-col-md1">&nbsp;</div>
          <div
            class="layui-col-xs10 layui-col-sm10 layui-col-md10 layui-rowCont3"
          >
            <div class="layuiConttit">
              <a href="javascript:void(0)" id="pho">手机</a>
              <a href="javascript:void(0)" id="zhihui">智慧屏</a>
              <a href="javascript:void(0)" id="ipad">精品平板</a>
              <a href="javascript:void(0)">更多></a>
            </div>
            <div class="layui-rowContd3" id="layui-rowContd3"></div>
          </div>
          <div class="layui-col-xs1 layui-col-sm1 layui-col-md1">&nbsp;</div>
        </div>

        <div class="layui-row">
          <div class="layui-col-xs1 layui-col-sm1 layui-col-md1">&nbsp;</div>
          <div
            class="layui-col-xs10 layui-col-sm10 layui-col-md10 layui-rowCont3"
          >
            <div class="layuiConttit">
              <a href="javascript:void(0)" id="VR">智能穿戴&VR</a>
              <a href="javascript:void(0)" id="biao">智能手表</a>
              <a href="javascript:void(0)" id="huan">智能手环</a>
              <a href="javascript:void(0)">更多></a>
            </div>
            <div class="layui-rowContd3" id="layui-rowContd4"></div>
          </div>
          <div class="layui-col-xs1 layui-col-sm1 layui-col-md1">&nbsp;</div>
        </div>
        <div class="layui-row">
          <div class="layui-col-xs1 layui-col-sm1 layui-col-md1">&nbsp;</div>
          <div
            class="layui-col-xs10 layui-col-sm10 layui-col-md10 layui-rowCont4 layui-rowCont3"
          >
            <div class="layuiConttit">
              <a href="javascript:void(0)" id="shengtai">生态精品</a>
              <a href="javascript:void(0)" id="jinghua">净化器</a>
              <a href="javascript:void(0)" id="suo">智能门锁</a>
              <a href="javascript:void(0)">更多></a>
            </div>
            <div class="layui-rowContd3" id="layui-rowContd5">
              <a href=""><img class="teshu" src="img/1.png" alt="" /></a>
            </div>
          </div>
          <div class="layui-col-xs1 layui-col-sm1 layui-col-md1">&nbsp;</div>
        </div>
        <div class="layui-row">
          <div class="layui-col-xs1 layui-col-sm1 layui-col-md1">&nbsp;</div>
          <div
            class="layui-col-xs10 layui-col-sm10 layui-col-md10 layui-rowCont4 layui-rowCont3"
          >
            <div class="layuiConttit">
              <a href="javascript:void(0)" id="meishi">美食酒饮</a>
              <a href="javascript:void(0)" id="meijiu">甄选美酒</a>
              <a href="javascript:void(0)" id="liangshi">严选粮食</a>
              <a href="javascript:void(0)">更多></a>
            </div>
            <div class="layui-rowContd3" id="layui-rowContd6">
              <a href=""><img class="teshu" src="img/2.png" alt="" /></a>
            </div>
          </div>
          <div class="layui-col-xs1 layui-col-sm1 layui-col-md1">&nbsp;</div>
        </div>
      </div>
      <div class="foot">
        <div class="layui-row">
          <div class="layui-col-xs1 layui-col-sm1 layui-col-md1">&nbsp;</div>
          <div
            class="layui-col-xs10 layui-col-sm10 layui-col-md10 layui-col-foot"
          >
            <a href="" class="layuiFoot">
              <img src="img/svg.png" alt="" />
              <span>百强企业 品质保证</span>
            </a>
            <a href="" class="layuiFoot">
              <img src="img/svg.png" alt="" />
              <span>7天退货 15天换货</span>
            </a>
            <a href="" class="layuiFoot">
              <img src="img/svg.png" alt="" />
              <span>48元起免运费</span>
            </a>
            <a href="" class="layuiFoot">
              <img src="img/svg.png" alt="" />
              <span>2000家服务店 全国联保</span>
            </a>
          </div>
          <div class="layui-col-xs1 layui-col-sm1 layui-col-md1">&nbsp;</div>
        </div>
        <div class="layui-row">
          <div class="layui-col-xs1 layui-col-sm1 layui-col-md1">&nbsp;</div>
          <div class="layui-col-xs10 layui-col-sm10 layui-col-md10">
            <div id="foot"></div>
          </div>
          <div class="layui-col-xs1 layui-col-sm1 layui-col-md1">&nbsp;</div>
        </div>
      </div>
      <div class="float">
        <a href="car.html">
          <span id="gouwuIcon"></span>
          <svg class="icon gouwu" aria-hidden="true">
            <use xlink:href="#icon-gouwuche2"></use>
          </svg>
          <p>购物车</p>
        </a>
        <a href="">
          <svg class="icon zaiian" aria-hidden="true">
            <use xlink:href="#icon-zaixianzixun"></use>
          </svg>
          <p>在线客服</p>
        </a>
        <a href="">
          <svg class="icon zizhu" aria-hidden="true">
            <use xlink:href="#icon-wode-zizhufuwu"></use>
          </svg>
          <p>自助服务</p>
        </a>
        <a href="" class="floatTop">
          <svg class="icon dingbu" aria-hidden="true">
            <use xlink:href="#icon-dingbu"></use>
          </svg>
          <p>返回顶部</p>
        </a>
      </div>
    </div>
  </body>
  <script>
    $("#foot").load("./commonFoot.html");
    layui.use("element", function () {
      var element = layui.element;

      //…
    });
    layui.use(["carousel", "form"], function () {
      var carousel = layui.carousel,
        form = layui.form;
      carousel.render({
        elem: "#test1",
        arrow: "always",
        width: "1366px",
        height: "500px",
        interval: 4000,
      });
      carousel.render({
        elem: "#test2",

        width: "100%",
        height: "100px",
        interval: 4000,
      });
    });
  </script>
</html>
